{% extends "base.html" %}

{% block title %}Sign up{% endblock %}

{% block content %}

  {% if form.errors %}
  <p class="errors">Please correct the errors below: {{ form.non_field_errors }}</p>
  {% endif %}

  <h1>Create an account</h1>
  
  <form method="post" action="" class="wide">
    {% csrf_token %}
    <table>
      <tr> 
        <td>
        <label for="id_username">Mobile number </label>
        {% if form.username.errors %}
          <p class="errors">{{ form.username.errors.as_text }}</p>
        {% endif %}
        </td>
        <td>
          {{ form.username }}
        </td>
      </tr>
      <tr>
        <td>
        <label for="id_email">Email address </label>
        {% if form.email.errors %}
          <p class="errors">{{ form.email.errors.as_text }}</p>
        {% endif %}
        </td>
        <td>
        {{ form.email }}
        </td>
      </tr>
      <tr>
        <td>
        <label for="id_password1">Password </label>
        {% if form.password1.errors %}
          <p class="errors">{{ form.password1.errors.as_text }}</p>
        {% endif %}
        </td>
        <td>
        {{ form.password1 }}
        </td>
      </tr>
      <tr>
        <td>
        <label for="id_password2">Password (type again) </label>
        {% if form.password2.errors %}
          <p class="errors">{{ form.password2.errors.as_text }}</p>
        {% endif %}
        </td>
        <td>
        {{ form.password2 }}
        </td>
      </tr>
      <tr>
        <td></td>
        <td>
        <p class="submit"><input type="submit" value="Register &rarr;"></p>
        </td>
      </tr>
    </table>
  </form>
  
{% endblock %}

{% block content-related %}
<p>Fill out the form to the left (all fields are required), and your
account will be created; you'll be sent an email with instructions on how
to finish your registration.</p>

<p>We'll only use your email to send you signup instructions. We hate spam
as much as you do.</p>

<p>This account will let you log into the ticket tracker, claim tickets,
and be exempt from spam filtering.</p>
{% endblock %}
